layui.config({
    base: "../../js/"
}).use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', "form"], function() {
    var flow = layui.flow,
        form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        upload = layui.upload,
        $ = layui.jquery;
    var laydate = layui.laydate //日期
        ,
        laypage = layui.laypage //分页
    layer = layui.layer //弹层
        , table = layui.table //表格
        , carousel = layui.carousel //轮播
        , upload = layui.upload //上传
        , element = layui.element //元素操作
        , form = layui.form;
    //向世界问个好
    // layer.msg('Hello World');

    //监听Tab切换
    element.on('tab(demo)', function(data) {
        layer.msg('切换了：' + this.innerHTML);
        console.log(data);
    });

    //执行一个 table 实例
    table.render({
        elem: '#lunboList',
        height: 332,
        url: '../../json/lunbolist.json' //数据接口
            ,
        page: true //开启分页
            ,
        cols: [
            [ //表头
                { type: "checkbox", align: 'center', width: 50 },
                { field: 'ID', title: '序号', width: 80, sort: true, align: 'center' },
                {
                    field: 'lunboImg',
                    title: '轮播图片',
                    align: 'center',
                    width: 200,
                    templet: function(d) {
                        return '<img height="200%" height="200%" src="' + d.lunboImg + '">'
                    }
                },
                { field: 'lunboTitle', title: '轮播图标题', sort: true },
                { field: 'zhaopinInfo', title: '招聘信息标题', align: 'center' },
                {
                    field: 'createTime',
                    title: '创建时间',
                    align: 'center',
                    minWidth: 110,
                    templet: function(d) {
                        return d.createTime.substring(0, 10);
                    }
                },
                { field: 'clickTimes', title: '点击次数', align: 'center' },
                {
                    field: 'isblock',
                    title: '是否显示',
                    align: 'center',
                    templet: function(d) {
                        return '<input type="checkbox" name="isblock" lay-skin="switch" lay-filter="isblock" lay-text="是|否" ' + d.isblock + '>'
                    }
                },
                // { field: 'classify', title: '职业', width: 80 },
                // { field: 'wealth', title: '财富', width: 135, sort: true },
                { fixed: 'right', title: "操作", width: 165, align: 'center', toolbar: '#barDemo' }
            ]
        ]
    });
    // 是否显示
    form.on('switch(isblock)', function(data) {
        console.log(data)
        var index = layer.msg('修改中，请稍候', { icon: 16, time: false, shade: 0.8 });
        setTimeout(function() {
            layer.close(index);
            if (data.elem.checked) {
                layer.msg("显示成功！");
            } else {
                layer.msg("成效显示！");
            }
        }, 500);
    })

    //监听工具条
    table.on('tool(demo)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
            ,
            layEvent = obj.event; //获得 lay-event 对应的值
        if (layEvent === 'detail') {
            layer.msg('查看操作');
            // console.log(obj)
        } else if (layEvent === 'del') {
            layer.confirm('真的删除行么', function(index) {
                obj.del(); //删除对应行（tr）的DOM结构
                layer.close(index);
                //向服务端发送删除指令
            });
        } else if (layEvent === 'edit') {
            layer.msg('编辑操作');
        }
    });
    // ........................................................................

    //流加载图片
    // var imgNums = 15;  //单页显示图片数量
    // flow.load({
    //     elem: '#Images', //流加载容器
    //     done: function(page, next){ //加载下一页
    //         $.get("../../json/images.json",function(res){
    //             //模拟插入
    //             var imgList = [],data = res.data;
    //             var maxPage = imgNums*page < data.length ? imgNums*page : data.length;
    //             setTimeout(function(){
    //                 for(var i=imgNums*(page-1); i<maxPage; i++){
    //                     imgList.push('<li><img layer-src="../../'+ data[i].src +'" src="../../'+ data[i].thumb +'" alt="'+data[i].alt+'"><div class="operate"><div class="check"><input type="checkbox" name="belle" lay-filter="choose" lay-skin="primary" title="'+data[i].alt+'"></div><i class="layui-icon img_del">&#xe640;</i></div></li>');
    //                 }
    //                 next(imgList.join(''), page < (data.length/imgNums));
    //                 form.render();
    //             }, 500);
    //         });
    //     }
    // });

    //设置图片的高度
    // $(window).resize(function(){
    //     $("#Images li img").height($("#Images li img").width());
    // })

    //多图片上传
    // upload.render({
    //     elem: '.uploadNewImg',
    //     url: '../../json/userface.json',
    //     multiple: true,
    //     before: function(obj){
    //         //预读本地文件示例，不支持ie8
    //         obj.preview(function(index, file, result){
    //             $('#Images').prepend('<li><img layer-src="'+ result +'" src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img"><div class="operate"><div class="check"><input type="checkbox" name="belle" lay-filter="choose" lay-skin="primary" title="'+file.name+'"></div><i class="layui-icon img_del">&#xe640;</i></div></li>')
    //             //设置图片的高度
    //             $("#Images li img").height($("#Images li img").width());
    //             form.render("checkbox");
    //         });
    //     },
    //     done: function(res){
    //         //上传完毕
    //     }
    // });

    //弹出层
    // $("body").on("click","#Images img",function(){
    //     parent.showImg();
    // })

    //删除单张图片
    $("body").on("click", ".img_del", function() {
        var _this = $(this);
        layer.confirm('确定删除图片"' + _this.siblings().find("input").attr("title") + '"吗？', { icon: 3, title: '提示信息' }, function(index) {
            _this.parents("li").hide(1000);
            setTimeout(function() { _this.parents("li").remove(); }, 950);
            layer.close(index);
        });
    })

    // 全选
    form.on('checkbox(selectAll)', function(data) {
        var child = $("#Images li input[type='checkbox']");
        child.each(function(index, item) {
            item.checked = data.elem.checked;
        });
        form.render('checkbox');
    });

    //通过判断是否全部选中来确定全选按钮是否选中
    form.on("checkbox(choose)", function(data) {
        var child = $(data.elem).parents('#Images').find('li input[type="checkbox"]');
        var childChecked = $(data.elem).parents('#Images').find('li input[type="checkbox"]:checked');
        if (childChecked.length == child.length) {
            $(data.elem).parents('#Images').siblings("blockquote").find('input#selectAll').get(0).checked = true;
        } else {
            $(data.elem).parents('#Images').siblings("blockquote").find('input#selectAll').get(0).checked = false;
        }
        form.render('checkbox');
    })

    // 批量删除
    $(".batchDel").click(function() {
        var $checkbox = $('#Images li input[type="checkbox"]');
        var $checked = $('#Images li input[type="checkbox"]:checked');
        if ($checkbox.is(":checked")) {
            layer.confirm('确定删除选中的图片？', { icon: 3, title: '提示信息' }, function(index) {
                var index = layer.msg('删除中，请稍候', { icon: 16, time: false, shade: 0.8 });
                setTimeout(function() {
                    //删除数据
                    $checked.each(function() {
                        $(this).parents("li").hide(1000);
                        setTimeout(function() { $(this).parents("li").remove(); }, 950);
                    })
                    $('#Images li input[type="checkbox"],#selectAll').prop("checked", false);
                    form.render();
                    layer.close(index);
                    layer.msg("删除成功");
                }, 2000);
            })
        } else {
            layer.msg("请选择需要删除的图片");
        }
    });
    // 添加轮播图
    function addNews(edit) {
        var index = layui.layer.open({
            title: "添加轮播图",
            type: 2,
            content: "addLunBo.html",
            success: function(layero, index) {
                var body = layui.layer.getChildFrame('body', index);
                // if (edit) {
                //     body.find(".newsName").val(edit.newsName);
                //     body.find(".abstract").val(edit.abstract);
                //     body.find(".thumbImg").attr("src", edit.newsImg);
                //     body.find("#news_content").val(edit.content);
                //     body.find(".newsStatus select").val(edit.newsStatus);
                //     body.find(".openness input[name='openness'][title='" + edit.newsLook + "']").prop("checked", "checked");
                //     body.find(".newsTop input[name='newsTop']").prop("checked", edit.newsTop);
                //     form.render();
                // }
                setTimeout(function() {
                    layui.layer.tips('点击此处返回文章列表', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                }, 500)
            }
        })
        layui.layer.full(index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function() {
            layui.layer.full(index);
        })
    }
    $(".addLunBo").click(function() {
        addNews();
    })

})